<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:t="http://myfaces.apache.org/tomahawk">

<f:view>
<f:loadBundle var="text" basename="#{negocioList.bundleName}"/>
    <head>
        <title>#{text['negocioList.title']}</title>
        <meta name="heading" content="#{text['negocioList.heading']}"/>
        <!-- <meta name="menu" content="NegocioMenu"/>-->
    </head>
<body id="negocioList">

<div id="search">
<h:form id="searchForm">
    <h:inputText id="q" name="q" size="20" value="#{negocioList.query}"/>
    <h:commandButton value="#{text['button.search']}" action="#{negocioList.search}"/>
</h:form>
</div>

<h:form id="editNegocio">

<h:commandButton value="#{text['button.add']}" action="add" id="add" immediate="true" styleClass="button"/>
<h:commandButton value="#{text['button.done']}" action="mainMenu" id="cancel" immediate="true" styleClass="button" style="margin-left: 5px"/>

<t:dataTable id="negocios" var="negocio" style="margin-top: 10px"
    value="#{negocioList.negocios}" rows="25" sortColumn="#{negocioList.sortColumn}"
    sortAscending="#{negocioList.ascending}" styleClass="scrollerTable table"
    headerClass="standardTable_Header" rowClasses="standardTable_Row1,standardTable_Row2"
    columnClasses="standardTable_Column,standardTable_Column,standardTable_Column,standardTable_Column,standardTable_ColumnCentered">

    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="id" arrow="true">
                <h:outputText value="#{text['negocio.id']}" />
            </t:commandSortHeader>
        </f:facet>
        <h:commandLink action="#{negocioForm.edit}" value="#{negocio.id}">
            <f:param name="id" value="#{negocio.id}"/>
            <f:param name="from" value="list"/>
        </h:commandLink>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="coordenadaX" arrow="true">
                <h:outputText value="#{text['negocio.coordenadaX']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.coordenadaX}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="coordenadaY" arrow="true">
                <h:outputText value="#{text['negocio.coordenadaY']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.coordenadaY}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="descripcion" arrow="true">
                <h:outputText value="#{text['negocio.descripcion']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.descripcion}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="direccion" arrow="true">
                <h:outputText value="#{text['negocio.direccion']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.direccion}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="facebook" arrow="true">
                <h:outputText value="#{text['negocio.facebook']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.facebook}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="logotipo" arrow="true">
                <h:outputText value="#{text['negocio.logotipo']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.logotipo}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="mail" arrow="true">
                <h:outputText value="#{text['negocio.mail']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.mail}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="nombre" arrow="true">
                <h:outputText value="#{text['negocio.nombre']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.nombre}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="paginaWeb" arrow="true">
                <h:outputText value="#{text['negocio.paginaWeb']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.paginaWeb}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="setAnuncios" arrow="true">
                <h:outputText value="#{text['negocio.setAnuncios']}" />
            </t:commandSortHeader>
        </f:facet>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="telefono" arrow="true">
                <h:outputText value="#{text['negocio.telefono']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.telefono}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="twitter" arrow="true">
                <h:outputText value="#{text['negocio.twitter']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.twitter}" escape="true"/>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="usuario" arrow="true">
                <h:outputText value="#{text['negocio.usuario']}" />
            </t:commandSortHeader>
        </f:facet>
    </t:column>
    <t:column>
        <f:facet name="header">
            <t:commandSortHeader columnName="version" arrow="true">
                <h:outputText value="#{text['negocio.version']}" />
            </t:commandSortHeader>
        </f:facet>
    <h:outputText value="#{negocio.version}" escape="true"/>
    </t:column>
</t:dataTable>

<ui:include src="/common/tableFooter.xhtml">
    <ui:param name="tableName" value="negocios"/>
</ui:include>

<script type="text/javascript">
    highlightTableRows("editNegocio:negocios");
</script>

</h:form>
</body>
</f:view>
</html> 